<div class="i_new">
	<div class="modelName w800">
		<h1>当前位置：数学矩阵</h1>
	</div>
	<div class="dataList mt10">
		<canvas id="diagonal" width="800" height="600"></canvas>  
	</div>	
</div>

<script type="text/javascript">  
    (function(){   
//		var canvas = document.getElementById("diagonal");   
//		var context = canvas.getContext("2d");   
//		context.fillStyle = "#eee";   
//		context.fillRect(0, 0, 800, 600);
//		var colors = ["#f00", "#f90", "#ff0", "#090", "#00f", "#0051a1", "#09f", "#0f0", "#0ff", "#000", "#900", "#090", "#009"];
//		context.lineWidth = 10;   
//		context.transform(1, 0, 0, 1, 100, 0);   
//		for(var i = 0, j = colors.length; i < j; i++){   
//			context.transform(1, 0, 0.03, 1, 10, 10);   
//			context.strokeStyle = colors[i];   
//			context.beginPath();   
//			context.arc(280, 200, 150, 0, 2, true);   
//			context.stroke();   
//		}   


    	var canvas=document.getElementById("diagonal");   
    	if(canvas==null)   
    	return false;   
    	var context=canvas.getContext("2d");   
    	context.transform(1,0,0,1,200,150);   
    	context.beginPath();   
    	context.fillStyle="rgba(255,0,0,0.25)";   
    	rad=18*Math.PI/90;   
    	for(i=0;i<10;i++){   
    		context.fillRect(0,0,100,100);   
    		context.transform(Math.cos(rad),Math.sin(rad),-Math.sin(rad),Math.cos(rad),0,0);   
    		context.closePath();   
    	}   
    	context.fill();   
    	
	})();
</script>  
 

